<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu-注册</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        html,body{
            height:100%;
			background:#fff;
            box-sizing: border-box;
        }
        body{
            background: #fff;;
        }
        /*p{*/
            /*color:#ccc;*/
            /*font-size: 13px;*/
            /*text-align: center;*/
            /*margin-top:20px;*/
            /*overflow: hidden;*/
        /*}*/
        .btn::after{
            border-bottom: none;
        }
        .inputbox{
            font-size: 18px;
            padding:9px 0;
            text-align: center;
        }
        .inputbox::after{
            border:none;
        }
        .inputbox span img{
            width:30px;
            height:30px;
        }
        #mima{
            width:28px;
            height:30px;
        }
        .inputbox>.input{
            border:1px solid #ddd;
            padding:4px 7px;
            border-radius: 5px;
            margin-left:5px;
            box-shadow:none;
            display: inline-block;
            min-width: 60%;
        }
        .inputbox input{
            width:100%;
        }
        .inputbox input::-webkit-input-placeholder{
            color:#ddd;
        }
        .btn>div{
            width:50%;
            text-align: center;
            padding:4px 8px;
            border:1px solid #ddd;
            margin:15px auto;
            font-size: 20px;
            border-radius: 5px;
            color:#fff;
            background:-webkit-linear-gradient(bottom,#6092F3,#6EA0FF);
            background: -moz-linear-gradient(top, #6092F3 0%, #6EA0FF 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6092F3), color-stop(100%,#6EA0FF));
            background: -webkit-linear-gradient(top, #6092F3 0%,#6EA0FF 100%);
            background: -o-linear-gradient(top, #6092F3 0%,#6EA0FF 100%);
            background: -ms-linear-gradient(top, #6092F3 0%,#6EA0FF 100%);
            background: linear-gradient(to bottom, #6092F3 0%,#6EA0FF 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6092F3', endColorstr='#6EA0FF',GradientType=0 );
        }
        .answerplace{
            position: relative;
            border:1px solid #ddd;
            border-bottom: none;
            margin-top:20px;
        }
        .bar_regular_state{
            padding-top:44px;
        }
        .btn2>div{
            max-width:40%;
            text-align: center;
            padding:4px 8px;
            border:1px solid #ddd;
            font-size: 18px;
            border-radius: 5px;
            display: inline-block;
            margin:0 auto;
        }
        .inputbox,input{
            background: transparent;
        }
        .arrow img{
            width:100px;
            height:100px;
        }
        .puluimg{
            text-align: center;
            margin-top:30px;
        }
        .puluimg img{
            width:75%;
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button{
            -webkit-appearance: none !important;
            margin: 0;
        }
		/*=======================*/
        .phone .fixed_header{
            position: relative;
        }
        .phone div{
            text-align: center;
            font-size: 16px;
            margin-bottom:10px;
        }
        .phonenotetitle{
            margin-top:15px;
        }
        .testnumber{
            overflow: hidden;
            width:80%;
            box-sizing: border-box;
            margin:0 auto;
            position: relative;
            height:40px;
        }
        .testnumber div{
            float:left;
        }
        .testnumber div:first-child{
            text-align: right;
            box-sizing: border-box;
            position: absolute;
            top:3px;
        }
        .testnumber div:last-child{
            border:1px solid #ddd;
            position: absolute;
            box-sizing: border-box;
            right:0;
            left:70px;
            padding:3px;
            border-radius: 2px;
        }
        .testnumber div input{
            width:100%;
            box-sizing: border-box;
        }
        .phone p{
            margin:0;
            padding:0;
            height:20px;
        }
        .phone .phonenumber{
            font-size: 20px;
            color:#333;
        }
    </style>
    <style>
        #register{
            height:100%;
            background: #efefef;
            font: 400 14px/1.5 Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
        }
        .tishiword{
            display:inline-block;
            width:100px;
            height:37px;
            border:1px solid #ddd;
            text-align: center;
            line-height: 37px;
        }
        .registerheader{
            height:44px;
            line-height: 44px;
            text-align: center;
            position: relative;
            /*background-color: #099fde;*/
            background-color:#b92b27;
        }
        .registerheader>span{
            position: absolute;
            left:0;
            z-index: 10;
            width: 44px;
            height: 44px;
            display: inline-block;
            text-align: center;
            float:left;
        }
        .registerheader>span>i{
            width: 44px;
            height: 44px;
            line-height: 44px;
        }
        .registerheader>span>i::before{
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            vertical-align: middle;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            box-sizing: border-box;
        }
        .registerheader>h1{
            position: absolute;
            left: 88px;
            right: 88px;
            line-height: 44px;
            font-size: 18px;
            text-align: center;
            color: #fff;
        }
        #register>p{
            padding: 20px 15px 5px;
            word-break: break-all;
            font-size: 13px;
            color: #666;
            margin-top:0;
        }
        /*输入框部分*/
        ul{
            list-style: none outside none;
        }
        #register li{
            padding: 0 0 0 95px;
            line-height: 43px;
            min-height: 44px;
            padding-top: 1px;
            padding-bottom: 1px;
            margin:0;
            background-position: left top,left bottom;
            background-image: -webkit-gradient(linear, center bottom, center top, from(transparent), to(#dbdbdb)),-webkit-gradient(linear, center top, center bottom, from(transparent), to(#dbdbdb));
            background-image: -webkit-linear-gradient(to top, transparent 50%, #dbdbdb 50%),-webkit-linear-gradient(to bottom, transparent 50%, #dbdbdb 50%);
             background-image: -webkit-linear-gradient(bottom, transparent 50%, #dbdbdb 50%),-webkit-linear-gradient(top, transparent 50%, #dbdbdb 50%);
             background-image: linear-gradient(to top, transparent 50%, #dbdbdb 50%),linear-gradient(to bottom, transparent 50%, #dbdbdb 50%);
            border: none;
            background-size: 100% 1px;
            background-repeat: no-repeat;
        }
        #register li.form-item{
            background-color: #fff;
        }
        #register li>label{
            font-size: 16px;
            float: left;
            width: 80px;
            margin-left: -80px;
            color: #666;
        }
        #register li>div{
            position: relative;
        }
        #register li>div>input{
            height: 43px;
            padding: 6px 5px;
            border: 0 none;
            width: 100%;
            box-sizing: border-box;
        }
        #register .btn-box{
            margin: 20px 15px;
        }
        #register .btn-box button{
            width: 100%;
            box-sizing: border-box;
            background-color: #ff9a14;
            box-shadow: 0 1px 1px 0 #FFF inset;
            color: #fff;
            /*border: 0 none;*/
            border: 1px solid #ff9a14;
            line-height: 44px;
            height: 44px;
            padding: 0 10px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            font-family: Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
        }
        input::-webkit-input-placeholder{
            color:#ccc;
        }
        #timclock{
            position:absolute;
            top: 3px;
            right: 2px;
            width: 118px;
            height: 37px;
            line-height: 37px;
            border:1px solid #ececec;
            background: #9A9889;
            color:#000;
            box-sizing: border-box;
            text-align: center;
            border-radius: 4px;
        }
        .QuestionAnswerVerbose>p{
            text-align: center;
        }
        .login>p{
            text-align: center;
        }
        /*注册完成提示*/
        #finishnotic{
            display:none;
            position:fixed;
            top:0;
            left:0;
            height:100%;
            width:100%;
            font-size: 16px;
            background:rgba(0,0,0,0.75);
        }
        #finishnotic>div{
            position:relative;
            width:100%;
            height: 100%;
            max-width: 540px;
            min-width: 320px;
            margin:0 auto;
        }
        #finishnotic>div img{
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            width:90%;
            max-width:700px;
            border-radius: 5px;
        }
        </style>
    <script>
        if(/news.pulu.com/.test(location.href)){
            if(!/index.html/.test(location.href)){location.href="login.html"}
        }
    </script>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="chating">
<div class="pagedlist_item" style="display:none;">
    <div class="feed_item feed_type_answer" style="border-bottom: none;">
        <div class="puluimg">
            <img src="img/7.png" alt=""/>
        </div>
        <div class="Answer">
            <div class="QuestionAnswerVerbose">
                <div class="login" style="display: block;">
                    <p>世上本没有路, 走的人多了也便成了路</p>
                </div>
                <p>
                    <a class="tishiword" style="color:#099fde;" href="login.html">登录</a>
                    <a id="registerbtn" class="tishiword" style="color:#099fde;" href="javascript:;">注册</a>
                </p>
            </div>
        </div>
    </div>
</div>
<!--注册-->
<div id="register" style="display:block">
    <div class="registerheader">
        <!--<span id="registerback" class=" cm-header-icon fl js_back">-->
            <!--<i class="icon-back"></i>-->
        <!--</span>-->
        <h1>
            注册
        </h1>
        <a href="login.html" style="display: inline-block;float: right;height:44px;width:44px;text-align: center;line-height: 44px;font-size:15px;color:#fff;">
            登录
        </a>
    </div>
    <p class="text_note">注册后，成功发布1条经验即得1元！</p>
    <ul class="bind_box">
        <li class="form-item">
            <label class="field-label">手机号码</label>
            <div class="clear-input-box">
                <input id="phonenumber" type="tel" class="field-text nofastclick r-focus" maxlength="11" placeholder="11位数字">
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">真实姓名</label>
            <div class="clear-input-box">
                <input id="realname" type="text" class="field-text nofastclick r-focus" maxlength="7" placeholder="仅好友可见">
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">昵称</label>
            <div class="clear-input-box">
                <input id="username" type="text" class="field-text nofastclick r-focus" maxlength="7" placeholder="请输入昵称，长度不超过七个字">
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">密码</label>
            <div class="clear-input-box">
                <input id="password" type="password" class="field-text nofastclick r-focus" maxlength="12" placeholder="请输入6到12位密码">
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">验证码</label>
            <div class="auth_code" style="padding-right: 120px;">
                <input id="phonetestinput" maxlength="10" tabindex="3" placeholder="" class="field-text nofastclick">
                <div id="timclock">获取验证码</div>
            </div>
        </li>
    </ul>
    <p id="tishiinfor" style="color:#DF2029;height:20px;padding-top:10px;margin:0;text-align:center"></p>
    <div class="btn-box">
        <button id="nextstep" class="btn-primary full-width">注册</button>
    </div>
</div>
<!--注册完成提示-->
<div id="finishnotic">
    <div>
        <img src="img/img011.jpg" id="redbox" alt=""/>
    </div>
</div>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="js/md5.js"></script>
<!--环信-->
<script type="text/javascript" src="sdk/webim.config.js"></script>
<script src="sdk/strophe.js"></script>
<script src="sdk/websdk-1.1.2.js"></script>
<script src="js/register.js"></script>
</body>
</html>